/**
 * React没有像Vue那样的emit派发事件，所有我们回调函数模拟emit派发事件

父组件传递函数过去,其本质就是录用函数的回调
 * @returns 
 */

interface Props {
  name: string;
  callback: (data: string) => void;
}
export default function ChildToParentDemo(props: Props) {
  const { name, callback } = props;
  const handleClick = () => {
    callback("子组件传递给父组件的数据");
  };
  return (
    <div>
      <h2>子组件和父组件通信</h2>
      <div>通过调用父组件方法就行</div>
      <div>{name}</div>
      <button onClick={handleClick}>调用父组件方法</button>
    </div>
  );
}
